@import "../var";

.no-overflow {
  overflow: hidden;
}

.letter-box--super {
  padding-top: @spacing-super;
  padding-bottom: @spacing-super;
}

.letter-box--xlarge {
  padding-top: @spacing-xlarge;
  padding-bottom: @spacing-xlarge;
}

.letter-box--large {
  padding-top: @spacing-large;
  padding-bottom: @spacing-large;
}

.letter-box--medium {
  padding-top: @spacing-medium;
  padding-bottom: @spacing-medium;
}

.letter-box--small {
  padding-top: @spacing-small;
  padding-bottom: @spacing-small;
}

.letter-box--xsmall {
  padding-top: @spacing-xsmall;
  padding-bottom: @spacing-xsmall;
}

.letter-box--tiny {
  padding-top: @spacing-tiny;
  padding-bottom: @spacing-tiny;
}

.letter-box--none {
  padding-top: 0;
  padding-bottom: 0;
}

.pillar-box--super {
  padding-right: @spacing-super;
  padding-left: @spacing-super;
}

.pillar-box--xlarge {
  padding-right: @spacing-xlarge;
  padding-left: @spacing-xlarge;
}

.pillar-box--large {
  padding-right: @spacing-large;
  padding-left: @spacing-large;
}

.pillar-box--medium {
  padding-right: @spacing-medium;
  padding-left: @spacing-medium;
}

.pillar-box--small {
  padding-right: @spacing-small;
  padding-left: @spacing-small;
}

.pillar-box--xsmall {
  padding-right: @spacing-xsmall;
  padding-left: @spacing-xsmall;
}

.pillar-box--tiny {
  padding-right: @spacing-tiny;
  padding-left: @spacing-tiny;
}

.pillar-box--none {
  padding-right: 0;
  padding-left: 0;
}

.window-box--super {
  .letter-box--super();
  .pillar-box--super();
}

.window-box--xlarge {
  .letter-box--xlarge();
  .pillar-box--xlarge();
}

.window-box--large {
  .letter-box--large();
  .pillar-box--large();
}

.window-box--medium {
  .letter-box--medium();
  .pillar-box--medium();
}

.window-box--small {
  .letter-box--small();
  .pillar-box--small();
}

.window-box--xsmall {
  .letter-box--xsmall();
  .pillar-box--xsmall();
}

.window-box--tiny {
  .letter-box--tiny();
  .pillar-box--tiny();
}

.window-box--none {
  .letter-box--none();
  .pillar-box--none();
}
